body{background: #f2f2de;}
.box{padding: 10px 5px 10px 10px; overflow: hidden; display: block;}
.index{
    margin: 8px;
    border-radius: 5px;
}
.mod-index{width: 50%; float: left; display:block;height:80px;
    border: 2px solid #f2f2de;
    border-left:0;
    border-top:0;
    color: #fff;
    background-color:#734631;
    background-repeat:repeat-x;
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#734631),to(#411d0a));
    background:-webkit-linear-gradient(top,#411d0a,#734631);
    background:-moz-linear-gradient(top,#411d0a,#734631);
    background:-ms-linear-gradient(top,#411d0a,#734631);
    background:-o-linear-gradient(top,#411d0a,#734631);
    overflow: hidden;
}
.mod-index:nth-child(2n){ border-right: 0;}
.index-1{ width: 100%; border-right: 0;}
.mod-index >*{height: 50px; vertical-align: middle; display: table-cell;}
.mod-index >*:last-child{width: 100%;}
.mod-index .index-img i{ width: 50px; height: 50px; line-height: 50px; display: block; overflow: hidden;text-align: left;}
.mod-index .index-text>*{font-weight: 100; line-height: 20px; padding-left: 10px;display: block;word-spacing:normal; word-break:normal; word-break:break-all;}
.mod-index >*:first-child >*{ padding-left: 0;}
.index-text b{ color: #fff; font-weight: 100; max-height: 40px; overflow: hidden;}
.index-text small{ font-size: 12px; color: #f9f98a;}
.mod-index img{ width: 100%; min-height: 100%;}
.mod-index .fa{ font-size: 40px; color: #fff;}
.mod-music{ top:14px;}
.btn-up-1{ background: #999;}
.btn-up-1 .fa{ background: #fff; color: #999;}
.navPop-1 .navPop-btn{ background: #999;}
.navPop-1 .navPop-btn .fa{ background: #fff; color: #999;}
.navPop-wrap>div a{
    background: #999;
    color: #fff;
}